<template>
  <div>
    <!-- 具名插槽，给插槽起一个名称，调用时来区分开 -->
    <slot name="header">
      <header>头部</header>
    </slot>
    <slot>内容</slot>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  mounted() {
    console.log(this.$slots)
  }
}
</script>

<style lang="scss" scoped></style>
